<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>宝生和鸣</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <link rel="icon" href="images/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="./css/animation.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" type="text/css" media="screen and (min-width:961px)" href="./css/pc.css">
  <link rel="stylesheet" type="text/css" media="screen and (max-width:960px)" href="./css/wap.css">
</head>

<body ontouchstart>
  <div class="b-doc">
    <div class="b-bd">
      <!-- header 模块 -->
  <div class="header header-bg-black">
      <div class="header-container clear">
        <img src="images/logo.png" class="logo">
        <div class="nav-btn">
          <span class="n1"></span>
          <span class="n2"></span>
          <span class="n3"></span>
        </div>
        <div class="nav clear">
          <a class="nav-item" href="index.html">
            <span class="text">首页</span>
          </a>
          <a class="nav-item" href="news.html">
            <span class="text">新闻资讯</span>
          </a>
          <a class="nav-item" href="product.html">
            <span class="text">产品介绍</span>
          </a>
          <a class="nav-item" href="about.html">
            <span class="text">关于我们</span>
          </a>
          <a class="nav-item wap-hide on" href="personCenter.html">
            <span class="text">个人中心</span>
          </a>
          <a class="nav-item personal on" href="personCenterWap.html">
            <span class="text">个人中心</span>
          </a>
        </div>
      </div>
    </div>
    <div class="pop-nav" style="background: rgba(255, 255, 255, 0); position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 10; display: none;"></div>
  
    <div class="content">
      <div class="main">
        <div class="breadcrumb">
          <div class="breadcrumb-main clear">
            <div class="breadcrumb-hd">您的位置：</div>
            <ul class="breadcrumb-bd clear">
              <li class="breadcrumb-item">
                <a href="index.html">首页</a>
              </li>
              <li class="breadcrumb-item cur">个人中心</li>
            </ul>
          </div>
        </div>
        <div class="center clear">
          <div class="center-nav">
            <div class="center-nav-con">
              <div class="item cur">
                <a href="personCenter.html">个人中心</a>
              </div>
              <div class="item">
                <a href="personalData.html">个人资料</a>
              </div>
              <div class="item">
                <a href="accountManagement.html">账户管理</a>
              </div>
              <div class="item">
                <a href="MyPromotion.html">我的推广</a>
              </div>
              <div class="item">
                <a href="MyEarnings.html">我的收益</a>
              </div>
              <div class="item">
                <a href="ShopGains.html">店铺收益</a>
              </div>
              <div class="item">
                <a href="security.html">安全设置</a>
              </div>
              <div class="item">
                <a href="message.html">站内信</a>
              </div>
            </div>
            <div class="out-login" style="margin-top:10px;">
              <a href="login.html" class="layui-btn secondary">退出</a>
            </div>
          </div>
          <div class="center-main">
            <div class="title clear">
              <span class="name">个人中心</span>
            </div>
            <div class="center-content">
              <div class="center-info clear">
                <div class="account clear">
                  <div class="tx"><img src="images/person.png" alt=""></div>
                  <div class="item">
                    <div class="info-name"><i>张三</i><span class="sign">经销商</span><span class="green">(社区店)</span></div>
                    <p>用户账号：Zhansan123</p>
                  </div>
                  <div class="item tac">
                    <span style="margin:20px 0 5px; display:block;">账户余额（元）</span>
                    <span class="num red">99999.00</span>
                  </div>
                  <div class="item tac">
                      <span style="margin:20px 0 5px; display:block;">累积提现金额（元）</span>
                      <span class="num red">99999.00</span>
                  </div>
                </div>
              </div>
              <div class="layui-tab center-tab">
                <div class="ml">
                    <ul class="layui-tab-title">
                      <li class="layui-this">近期会员收益</li>
                    </ul>
                    <a href="#">更多></a>
                </div>
                <div class="layui-tab-content">
                  <div class="layui-tab-item layui-show">
                    <div class="layui-form center-table">
                      <table class="layui-table" lay-skin="nob">
                        <thead>
                          <tr>
                            <th>用户账号</th>
                            <th>会员类型</th>
                            <th>收益类型</th>
                            <th>奖励金额（元）</th>
                            <th>注册时间</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td>
                              <span class="wap-th">用户账号</span>
                              <span class="wap-td time">ZX102655983256</span>
                            </td>
                            <td>
                              <span class="wap-th">会员类型</span>
                              <span class="wap-td">经销商</span>
                            </td>
                            <td>
                              <span class="wap-th">收益类型</span>
                              <span class="wap-td">分享收益</span>
                            </td>
                            <td class="first">
                              <span class="wap-th">奖励金额（元）</span>
                              <span class="wap-td num red">+100.00</span>
                            </td>
                            <td>
                              <span class="wap-th">注册时间</span>
                              <span class="wap-td num">2017-12-20 12:00:00</span>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <span class="wap-th">用户账号</span>
                              <span class="wap-td time">ZX102655983256</span>
                            </td>
                            <td>
                              <span class="wap-th">会员类型</span>
                              <span class="wap-td">经销商</span>
                            </td>
                            <td>
                              <span class="wap-th">收益类型</span>
                              <span class="wap-td">共享收益</span>
                            </td>
                            <td class="first">
                              <span class="wap-th">奖励金额（元）</span>
                              <span class="wap-td num red">+100.00</span>
                            </td>
                            <td>
                              <span class="wap-th">注册时间</span>
                              <span class="wap-td num">2017-12-20 12:00:00</span>
                            </td>
                          </tr>
                          <tr>
                              <td>
                                <span class="wap-th">用户账号</span>
                                <span class="wap-td time">ZX102655983256</span>
                              </td>
                              <td>
                                <span class="wap-th">会员类型</span>
                                <span class="wap-td">经销商</span>
                              </td>
                              <td>
                                <span class="wap-th">收益类型</span>
                                <span class="wap-td">分享收益</span>
                              </td>
                              <td class="first">
                                <span class="wap-th">奖励金额（元）</span>
                                <span class="wap-td num red">+100.00</span>
                              </td>
                              <td>
                                <span class="wap-th">注册时间</span>
                                <span class="wap-td num">2017-12-20 12:00:00</span>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <span class="wap-th">用户账号</span>
                                <span class="wap-td time">ZX102655983256</span>
                              </td>
                              <td>
                                <span class="wap-th">会员类型</span>
                                <span class="wap-td">经销商</span>
                              </td>
                              <td>
                                <span class="wap-th">收益类型</span>
                                <span class="wap-td">共享收益</span>
                              </td>
                              <td class="first">
                                <span class="wap-th">奖励金额（元）</span>
                                <span class="wap-td num red">+100.00</span>
                              </td>
                              <td>
                                <span class="wap-th">注册时间</span>
                                <span class="wap-td num">2017-12-20 12:00:00</span>
                              </td>
                            </tr>
                          
  
                        </tbody>
                      </table>
                    </div>
                    <div class="center-pages">
                      <div class="table-pages" id="table-pages"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    </div>
  </div>
  

  <div class="footer clear">
    <div class="ft-content">
        <div class="ft-logo"><img src="images/logo.png" alt=""></div>
        <div class="ft-site">
          <h3>深圳市宝生和鸣生物科技有限公司</h3>
          <p>联系电话：4000031909</p>
          <p>公司地址：深圳市宝安区新安海天路卓越时代广场A座1905-1906</p>
        </div>
        <div class="ft-share">
          <div><a href="#"><img src="images/ft-1.png" alt=""><p>微信公众号</p></a></div>
          <div><a href="#"><img src="images/ft-2.png" alt=""><p>微博</p></a></div>
          <div><a href="#"><img src="images/ft-3.png" alt=""><p>QQ客服</p></a></div>
        </div>
    </div>
  </div>

  <script src="./js/jquery-1.8.3.min.js"></script>
  <script src="./layui/layui.js"></script>
  <script src="./js/fastclick.js"></script>
  <script src="./js/common.js"></script>
  <script>
    layui.use(['element', 'laypage', 'layer'], function () {
      var element = layui.element,
        laypage = layui.laypage,
        layer = layui.layer;

      // 账户明细-分页
      laypage.render({
        elem: 'table-pages'
        , count: 50
        , layout: ['prev', 'page', 'next', 'skip']
      });
    });
  </script>
</body>

</html>